import { defineStore } from 'pinia';
import { inject, ref, watch } from 'vue';
import { getMineTemplate, send2Id } from 'src/api/api';
import { useUserStore } from 'stores/userStore';
import { Notify }           from 'quasar';
import { useYmlStore }      from 'stores/ymlStore';
import { useTemplateStore } from 'stores/templateStore';

export const mineTemplateStore = defineStore('mine-template', () => {
  const mineTemplate = ref([]);
  const getMineTemplateStore = () => {
    getMineTemplate().then(async (res) => {
      const data = res.data.data;
      for (const i of data) {
        i.data = await useTemplateStore().getTemplateContentById(i.templateId);
      }
      mineTemplate.value = data;
    })
    return mineTemplate.value
  };

  watch(mineTemplate, () => {
    console.log(mineTemplate.value);
    useYmlStore().saveYmlContentByName('mine-template', mineTemplate.value);
  });
  return {
    mineTemplate,
    getMineTemplateStore,
  };
});
